<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8"/>
  <title>消息日志</title>
  <link type="text/css" rel="stylesheet" href="./css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="./css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="./css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="./css/common.css"/>
  
  <script type='text/javascript' src='./js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='./js/bootstrap.min.js'></script>
  <script type='text/javascript' src='./js/jquery.tips.js'></script>
  <script type="text/javascript" src="./js/page.js"></script>
  <script type="text/javascript" src="./js/common.js"></script>
  <script type="text/javascript" src="./js/messageContent.js"></script>
  <script type='text/javascript' src='./js/weChat/wechatMessage.js'></script>
  <script type='text/javascript' src='./table/weChatTable.js'></script>
  <style type="text/css">
	  #sendMessageDiv{
		  position: absolute;
		  width: 100%;
		  height: 100%;
		  background-color: #0000002e;
		  z-index: 1;
	  }
	  #sendMessageDataDiv{
		  position: relative;
		  width: 50%;
		  height: 600px;
		  margin-top: 5%;
		  margin-left: 25%;
		  padding-top: 20px;
		  background-color: white;
		  overflow: auto;
	  }
	  #sendUserIDcheckBox{
		  height: 150px;
		  margin-bottom: 20px;
		  border-radius: 4px;
		  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
		  overflow: auto;
		  padding: 20px;
	  }
	  .spanKey{
		  padding: 0px;
		  line-height: 37px;
		  display: block;
		  width: 40px;
		  margin-left: 0;
		  color: red;
		  cursor: pointer;
	  }
  </style>
</head>
<body>
<div id="sendMessageDiv" hidden="hidden">
	<div id="sendMessageDataDiv" class="col-sm-7">
		<form id="keyForm">
			<button type="button" class="close" onclick="hideSendMessage()" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true" class="close">×</span>
			</button>
			<div class="col-sm-12">
				<label for="sendFrom" class="col-sm-2 control-label partConditionTitle marginBottom2Ten">消息来源</label>
				<div class="col-sm-8 partCondition">
					<input  type="text" class="form-control" id="sendFrom" name="sendFrom" value="" />
				</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div class="col-sm-12">
				<label for="TemplateID" class="col-sm-2 control-label partConditionTitle marginBottom2Ten">模版ID</label>
				<div class="col-sm-8 partCondition">
					<input  type="text" class="form-control" id="TemplateID" name="TemplateID" value="" />
				</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div class="col-sm-12">
				<label for="Url" class="col-sm-2 control-label partConditionTitle marginBottom2Ten">详细链接</label>
				<div class="col-sm-8 partCondition">
					<input  type="text" class="form-control" id="Url" name="Url" value=""/>
				</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div class="col-sm-12">
				<label for="appid" class="col-sm-2 control-label partConditionTitle marginBottom2Ten">小程序</label>
				<div class="col-sm-8 partCondition">
					<input  type="text" class="form-control" id="appid" name="appid" value=""/>
				</div>
			</div>
			<div class="col-sm-12">
				<label for="pagepath" class="col-sm-2 control-label partConditionTitle marginBottom2Ten">小程序页面路径</label>
				<div class="col-sm-8 partCondition">
					<input  type="text" class="form-control" id="pagepath" name="pagepath" value=""/>
				</div>
			</div>
			<div class="col-sm-12">
				<label for="sendUserID" class="col-sm-2 control-label partConditionTitle">发送用户</label>
				<input id="sendUserID" name="SendUserID" value="" hidden="hidden"/>
					<div class="col-sm-8 partCondition" style="" id="sendUserIDcheckBox">
					</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div class="col-sm-12">
				<label class="col-sm-2 control-label partConditionTitle marginBottom2Ten">模版first:</label>
				<label for="firstValue" class="col-sm-1 control-label partConditionTitle marginBottom2Ten">value</label>
				<div class="col-sm-7 partCondition">
					<input  type="text" class="form-control" id="firstValue" name="firstValue" value=""/>
				</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div class="col-sm-12">
				<label class="col-sm-2 control-label partConditionTitle marginBottom2Ten">模版remark:</label>
				<label for="remarkValue" class="col-sm-1 control-label partConditionTitle marginBottom2Ten">value</label>
				<div class="col-sm-7 partCondition">
					<input  type="text" class="form-control" id="remarkValue" name="remarkValue" value=""/>
				</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div class="col-sm-12">
				<label class="col-sm-2 control-label partConditionTitle marginBottom2Ten">模版信息1:</label>
				<label for="keyWord1Value" class="col-sm-1 control-label partConditionTitle marginBottom2Ten">value</label>
				<div class="col-sm-7 partCondition">
					<input  type="text" class="form-control" id="keyWord1Value" name="keyWord1Value" value=""/>
				</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div class="col-sm-12">
				<label class="col-sm-2 control-label partConditionTitle marginBottom2Ten">模版信息2:</label>
				<label for="keyWord2Value" class="col-sm-1 control-label partConditionTitle marginBottom2Ten">value</label>
				<div class="col-sm-7 partCondition">
					<input  type="text" class="form-control" id="keyWord2Value" name="keyWord2Value" value=""/>
				</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div class="col-sm-12">
				<label class="col-sm-2 control-label partConditionTitle marginBottom2Ten">模版信息3:</label>
				<label for="keyWord3Value" class="col-sm-1 control-label partConditionTitle marginBottom2Ten">value</label>
				<div class="col-sm-7 partCondition">
					<input  type="text" class="form-control" id="keyWord3Value" name="keyWord3Value" value=""/>
				</div>
				<div class="col-sm-1" style="color:red; font-size: 35px;">*</div>
			</div>
			<div id="addKeyWord">
			</div>
			<div class="col-sm-12 marginBottom2Ten">
				<button type="button" onclick="addKeyWord()" class="btn btnSaveDel">
					添加信息
				</button>
				<button type="button" class="btn btnSaveDel" onclick="sendMessage()" style="margin-top: 2px;padding: 4px 9px;">测试</button>
				<button type="button" class="btn btn-danger" onclick="hideSendMessage()">取消</button>
			</div>
		</form>
	</div>
</div>
<div class="top">
	当前位置: 微信 <span class="comSpanTitle">></span>消息日志
</div>
<div class="ablosulteDiv">
  <div class="scrollBody">
	  <div class="partWhite">
	  	<div class="comHtmlTitle"><span class="borBlue"></span>消息日志—列表</div>
	  	<form class="form-horizontal" id="searchWechatMessage">
	  		<input id="rows" name="pageSize" hidden="hidden" value="10"/>
			<input id="page" name="pageNum" hidden="hidden" value="1"/>
		</form>
		<div class="floatRight">
			<button type="button" onclick="showSendMessage()" class="btn btnSaveDel">
				手动发送
			</button>
		</div>
	    <div class="partTable" style="max-height: 600px;overflow: auto">
	      <table class="table table-hover" id="wechatMessageTable">
	          <thead id="wechatMessageThead">
	          </thead>
	          <tbody id="wechatMessageTbody">
	          </tbody>
	      </table>
		</div>
		<div class="partBtn">
		  <div class="partTurnPage">
	          <ul class="list-inline">
	              <li id="total"></li>
	              <li class="turnPage"></li>
	          </ul>
	      </div>
		</div>
	  </div>
  </div>
 </div>
</body>
</html>
